.content{
	width: 100%;
	box-sizing: border-box;
	// background: #F7F7F7;
	.banner{
		// padding: 20upx 30rpx;
		width: 100%;
		.introImg{
			width: 100%;
			display: block;
			margin: 10rpx auto 30rpx;
			box-shadow: 0 0 10rpx 0 rgba(0,0,0,0.1);
		}
	}
	.bt{
		border-bottom: 16rpx solid #efefef;
	}
	.intro{
		width: 100%;
		padding: 20rpx 15rpx;
		display: flex;
		flex-wrap: wrap;
		// justify-content: space-between;
		overflow: hidden;
		margin-bottom: 20rpx;
		.link{
			// width: 150rpx;
			flex: 1;
			height: 66rpx;
			border-radius:12rpx;
			border: 1rpx solid #aaa;
			box-shadow: 0 0 5rpx 0 rgba(0,0,0,0.9);
			color: #000;
			font-size: 26rpx;
			line-height: 62rpx;
			text-align: center;
			letter-spacing: 2rpx;
			margin: 0 13rpx 30rpx 13rpx;
			// background: linear-gradient(90deg, rgba(79,78,76,0.95),rgba(79,78,76,0.95));
			  // animation: gradient 2s ease-in-out infinite alternate;
		}
		// @keyframes gradient {
		//   0% {
		//     background: linear-gradient(90deg, rgba(0,0,0,0.3), rgba(0,0,0,0.1));
		//   }
		//   100% {
		//     background: linear-gradient(90deg, rgba(0,0,0,0.1), rgba(0,0,0,0.3));
		//   }
		// }
	}
	.lg{
		width: 100%;
		padding: 40rpx 30rpx;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30rpx;
		justify-content: space-between;
		.head{
			color: #000;
			font-size: 36rpx;
			font-weight: bold;
			width: 100%;
			letter-spacing: 2rpx;
			margin-bottom: 40rpx;
			display: flex;
			justify-content: space-between;
			.right{
				font-size: 28rpx;
				color: #faa819;
				display: flex;
				align-items: center;
			}
		}
		.lBox{
			width: 330rpx;
			height: 435rpx;
			border-radius: 6rpx 6rpx 6rpx 6rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.rBox{
			width: 330rpx;
			height: 435rpx;
			display: flex;
			flex-wrap: wrap;
			align-content: space-between;
			image{
				width: 330rpx;
				height: 203rpx;
				border-radius: 6rpx;
			}
		}
		.tj{
			width: 100%;
			height: auto;
			overflow: hidden;
			display: flex;
			margin-bottom: 40rpx;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.1);
			padding: 25rpx 20rpx;
			border-radius: 10rpx;
			image{
				width: 250rpx;
				height: 250rpx;
				margin-right: 24rpx;
				display: block;
			}
			.info{
				.name{
					font-size: 32rpx;
					color: #151527;
					width:370rpx;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
					margin-bottom: 14rpx;
					font-weight: 600;
				}
				.sku{
					font-size: 24rpx;
					font-weight: 400;
					color: #95949D;
					margin-bottom: 20rpx;
					width:370rpx;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
				.material{
					font-size: 26rpx;
					font-weight: 400;
					color: #151527;
					width:370rpx;
					margin-bottom: 40rpx;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
				.price{
					width: 100%;
					display: flex;
					justify-content: space-between;
					.lefts{
						color: #151527;
						font-size: 24rpx;
						margin-bottom: 20rpx;
						.zs{
							font-size: 30rpx;
						}
						.ws{
							font-size: 24rpx;
						}
					}
					.rights{
						width: 120rpx;
						display: block;
						text{
							margin: 0 8rpx 0 8rpx;
							color: #FA960A;
							font-size: 28rpx;
						}
					}
				}
				.num{
					width: 370rpx;
					display: flex;
					justify-content: space-between;
					.left{
						text{
							margin: 0 8rpx;
							color: #FA960A;
							font-size: 28rpx;
						}
						.ys{
							color: #151527;
							font-size: 30rpx;
							font-weight: 400;
							margin-bottom: 22rpx;
							
						}
						.barBox{
							width: 300rpx;
							height: 14rpx;
							background: #eee;
							border-radius:  80rpx;
							position: relative;
							.bar{
								width: 200rpx;
								height: 14rpx;
								background: #FFC100;
								border-radius:  80rpx;
								position: absolute;
								left: 0;
								top: 0;
							}
						}
					}
					.right{
						width: 120rpx;
						height: 60rpx;
						border-radius: 6rpx;
						text-align: center;
						line-height: 60rpx;
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 0 12rpx;
						text{
							color: #95949D;
							font-size: 26rpx;
						}
					}
					.act{
						background: #FFC100;
						text{
							color: #fff;
							font-size: 26rpx;
						}
					}
				}
			}
		}
	}
	
}